<template>
    <div class="main" style="width: 100vh; height: 90vh;margin:0;">
      <p>{{ ModelName }}</p>
      <div id="canvasContainer" style="width: 100%; height: 100%"></div>
    </div>
  </template>
  
  <script>
import motor3d from './motor';
// import { ref } from 'vue'
  export default {
    props: {
      ModelName: {
      type: String,
      default: ''
    }
  },
    mounted() {

        new motor3d('#canvasContainer')
    },
    
  };
  </script>
  
  <style>
  .main {
    flex: 1;
  }
  </style>
  